@charset "UTF-8";

.page {
	background: #fff;
	min-height: calc(100vh - 610px);
	/* 焦点图 */
}

.page .Hot {
	padding: 40px 48px;
	text-align: center;
}

.page .Hot .link-a {
	font-size: 32px;
	line-height: 42px;
	font-weight: bold;
	color: #333333;
}

.page .bar-title-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.page .bar-title-box.mb20 {
	margin-bottom: 20px;
}

.page .bar-title-box.pt15 {
	padding-top: 15px;
}

.page .bar-title-box:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #E5E5E5;
}

.page .bar-title-box .titleName {
	height: 50px;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 2px solid #D7000F;
}

.page .bar-title-box .titleName span {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 18px;
}

.page .bar-title-box .titleName span:last-child {
	color: #D7000F;
}

.page .moreRa {
	cursor: pointer;
	font-size: 14px;
	color: #90949E;
	line-height: 16px;
}

.page .moreRa .icon {
	width: 14px;
	height: 14px;
	margin-left: 2px;
}

.page .mainContent {
	width: 100%;
}

.page .mainContent .leftBox {
	width: 600px;
	padding-right: 20px;
	float: left;
}

.page .mainContent .rightBox {
	width: 400px;
	float: left;
}

.page .mainBox {
	width: 100%;
}

.page .mainBox.mt10 {
	margin-top: 10px;
}

.page .mainBox .leftBox {
	width: 400px;
	float: left;
}

.page .mainBox .rightBox {
	width: 600px;
	padding-left: 20px;
	float: left;
}

.page .portlet.mt18 {
	margin-top: 18px;
}

.page .portlet .list {
	margin-top: 16px;
}

.page .portlet .list.mt0 {
	margin-top: 0;
}

.page .portlet .list .item {
	margin-bottom: 10px;
	line-height: 20px;
}

.page .portlet .list .item:last-child {
	margin-bottom: 0;
}

.page .portlet .list .item.mb8 {
	margin-bottom: 8px;
}

.page .portlet .list .item .link-a {
	position: relative;
	padding-left: 12px;
	cursor: pointer;
	font-size: 14px;
	color: #333333;
}

.page .portlet .list .item .link-a:hover {
	color: #D7000F;
}

.page .portlet .list .item .link-a::before {
	content: "•";
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0px;
	width: 4px;
	height: 4px;
	line-height: 19px;
	color: #333333;
}

.page .portlet .list .item .first {
	position: relative;
	padding-left: 0px;
	cursor: pointer;
	font-size: 0;
	border-bottom: 1px dotted #DEDEDE;
	margin-bottom: 19px;
}

.page .portlet .list .item .first img {
	width: 100%;
	height: 202px;
	object-fit: cover;
}

.page .portlet .list .item .first .title {
	margin-top: 16px;
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	line-height: 24px;
}

.page .portlet .list .item .first .desc {
	font-size: 12px;
	color: #595959;
	line-height: 20px;
	margin-bottom: 20px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.page .focusBox {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.page .focusBox .img {
	display: block;
	width: 100%;
	height: 380px;
	font-size: 0;
	object-fit: cover;
}

.page .focusBox .title {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 24px;
	padding: 12px 153px 14px 16px;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(85, 85, 85, 0.5);
}

.page .focusBox .swiper-pagination {
	left: auto;
	right: 11px;
	bottom: 16px;
	width: auto;
	color: #fff;
}

.page .imgLink .t-ad {
	width: 100%;
}

.page .imgLink .t-ad img {
	width: 100%;
	height: 120px;

}

.page .imgLink .b-link {
	width: 100%;
	margin-top: 10px;
}

.page .imgLink .b-link .link-a {
	float: left;
	width: 33.3333333333%;
	padding-right: 3px;
}

.page .imgLink .b-link .link-a:last-child {
	padding-right: 0;
}

.page .imgLink .b-link .link-a .box {
	cursor: pointer;
	height: 68px;
	background: linear-gradient(316deg, #FDE9EA 0%, #FFF4F0 100%);
	border: 1px solid #F8E4E5;
	font-weight: bold;
	font-size: 18px;
	color: #D7000F;
	line-height: 24px;
}

.page .imgLink .b-link .link-a .box .icon {
	width: 30px;
	height: 30px;
	margin-right: 6px;
}

.page .imgLink .b-link .link-a .box .icon.icon1 {
	width: 25px;
	height: 25px;
}

.page .abd-box {
	width: 100%;
	font-size: 0;
	padding-top: 40px;
	padding-bottom: 40px;
}

.page .abd-box.pt20 {
	padding-top: 20px;
}

.page .abd-box .img {
	width: 100%;
	margin-top: 20px;
}

.page .abd-box .img:first-child {
	margin-top: 0;
}

.page .mapBox {
	width: 100%;
	height: 510px;
	position: relative;
	border: 1px solid #E5E5E5;
	background: linear-gradient(180deg, #FBFBFB 0%, #F5F5F5 100%);
	padding-top: 54px;
	padding-left: 37px;
}

.page .mapBox .ditu {
	width: 505px;
	height: 401px;
	position: relative;
}

.page .mapBox .ditu .map {
	width: 505px;
	height: 401px;
}

.page .mapBox .ditu .dw-a {
	text-align: center;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.page .mapBox .ditu .dw-a.on {
	margin-top: -11px;
}

.page .mapBox .ditu .dw-a.ldw {
	align-items: flex-end;
	flex-direction: initial;
}

.page .mapBox .ditu .dw-a .icon {
	width: 10px;
	height: 16px;
}

.page .mapBox .ditu .dw-a.on .icon {
	width: 26px;
	height: 38px;
}

.page .mapBox .ditu .dw-a p {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	line-height: 15px;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.32);*/
}

.page .mapBox .ditu .location1 {
	left: 252px;
	top: 235px;
}

.page .mapBox .ditu .location2 {
	left: 327px;
	top: 132px;
}

.page .mapBox .ditu .location3 {
	left: 386px;
	top: 64px;
}

.page .mapBox .ditu .location4 {
	left: 438px;
	top: 206px;
}

.page .mapBox .ditu .location5 {
	left: 305px;
	top: 334px;
}

.page .mapBox .ditu .location6 {
	left: 218px;
	top: 320px;
}

.page .mapBox .ditu .location7 {
	left: 282px;
	top: 300px;
}

.page .mapBox .ditu .location8 {
	left: 340px;
	top: 220px;
}

.page .mapBox .ditu .location9 {
	left: 372px;
	top: 274px;
}

.page .mapBox .ditu .location10 {
	left: 133px;
	top: 161px;
}

.page .mapBox .ditu .location11 {
	left: 466px;
	top: 136px;
}

.page .mapBox .ditu .location12 {
	left: 215px;
	top: 114px;
}

.page .mapBox .ditu .location13 {
	left: 312px;
	top: 181px;
}

.page .mapBox .ditu .location14 {
	left: 184px;
	top: 271px;
}

.page .mapBox .tips {
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-size: 14px;
	color: #595959;
	line-height: 19px;
}

.page .addrContent {
	display: none;
	margin-top: 16px;
	margin-left: -11px;
	margin-bottom: -7px;
}

.page .addrContent .item {
	float: left;
	width: 20%;
	padding-left: 10px;
	margin-bottom: 8px;
}

.page .addrContent .item .tag {
	cursor: pointer;
	font-size: 14px;
	line-height: 14px;
	width: 100%;
	height: 26px;
	background: #D7000F;
	color: #fff;
	border-radius: 14px;
}

.page .swiperContent {
	margin-top: 20px;
	margin-bottom: 40px;
	display: block;
}

.page .swiperContent .banner-3img {
	width: 100%;
}

.page .swiperContent .banner-3img .item {
	padding-left: 20px;
}

.page .swiperContent .banner-3img .item:first-child {
	padding-left: 0;
}

.page .swiperContent .banner-3img .item img {
	width: 100%;
}

.page .video-list {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
}

.page .video-list .item {
	float: left;
	width: 50%;
}

.page .video-list .tzsp {
	padding: 10px;
}

.page .video-list .tzsp .tImg {
	position: relative;
}

.page .video-list .tzsp .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 36px;
	height: 36px;
}

.page .video-list .tzsp .spimg {
	width: 100%;
	height: 94px;
	object-fit: cover;
}

.page .video-list .title {
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.page .tzttlist {
	margin-top: 16px;
	margin-left: -10px;
	margin-bottom: -10px;
}

.page .tzttlist .item {
	float: left;
}

.page .tzttlist .item .tag {
	margin-left: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	padding: 10px;
	text-align: center;
	height: 37px;
	background: linear-gradient(316deg, #FDE9EA 0%, #FFF4F0 100%);
	border-radius: 4px;
	border: 1px solid #F8E4E5;
}

.page .tzttlist .item:nth-child(1) .tag {
	width: 137.5px;
}

.page .tzttlist .item:nth-child(2) .tag {
	width: 137.5px;
}

.page .tzttlist .item:nth-child(3) .tag {
	width: 137.5px;
}

.page .tzttlist .item:nth-child(4) .tag {
	width: 137.5px;
}

.page .tzttlist .item:nth-child(5) .tag {
	width: 186.67px;
}

.page .tzttlist .item:nth-child(6) .tag {
	width: 186.67px;
}

.page .tzttlist .item:nth-child(7) .tag {
	width: 186.67px;
}

.page .tzttlist .item:nth-child(8) .tag {
	width: 186.67px;
}

.page .tzttlist .item:nth-child(9) .tag {
	width: 186.67px;
}

.page .tzttlist .item:nth-child(10) .tag {
	width: 186.67px;
}

.page .report-platform {
	position: relative;
	padding: 16px 20px;
	background: #FAFAFA;
}

.page .report-platform .report-btn {
	position: absolute;
	right: 20px;
	bottom: 16px;
	width: 110px;
	height: 32px;
	background: #D7000F;
	border-radius: 4px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 19px;
}

.page .report-platform .icon {
	width: 16px;
	height: 16px;
}

.page .report-platform .icon.mr2 {
	margin-right: 2px;
}

.page .report-platform .icon.ml4 {
	margin-left: 4px;
}

.page .report-platform .item {
	margin-bottom: 10px;
}

.page .report-platform .item:last-child {
	margin-bottom: 0;
}

.page .report-platform .item .txt {
	font-size: 14px;
	color: #595959;
	line-height: 19px;
}

.page .report-platform .item .txt span {
	display: block;
	font-size: 12px;
}

.page .tabsbox {
	width: 100%;
	position: relative;
}

.page .tabsbox:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #E5E5E5;
}

.page .tabsbox .tabitem {
	position: relative;
	height: 50px;
	margin-right: 16px;
	cursor: pointer;
}

.page .tabsbox .tabitem span {
	font-size: 14px;
	color: #595959;
	line-height: 14px;
}

.page .tabsbox .tabitem.active span {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	line-height: 16px;
}

.page .tabsbox .tabitem.active span:last-child {
	color: #D7000F;
}

.page .tabsbox .tabitem.active span:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #D7000F;
}

.page .linkContent {
	margin-top: 20px;
	display: block;
	padding-bottom: 80px;
}

.page .linkContent .linkbox .item {
	margin-top: 20px;
}

@media screen and (max-width: 992px) {
	.page {
		min-height: calc(100vh - 462px);
		/* 焦点图 */
	}

	.page .Hot {
		padding: 16px;
		text-align: center;
	}

	.page .Hot .link-a {
		font-size: 18px;
		line-height: 24px;
	}

	.page .bar-title-box {
		align-items: flex-start;
	}

	.page .bar-title-box .titleName {
		height: auto;
		padding-bottom: 18px;
	}

	.page .bar-title-box .titleName span {
		font-size: 16px;
		line-height: 16px;
	}

	.page .moreRa {
		font-size: 12px;
		line-height: 14px;
	}

	.page .moreRa .icon {
		width: 12px;
		height: 12px;
	}

	.page .mainContent {
		padding: 0 16px;
	}

	.page .mainContent .leftBox {
		width: 100%;
		float: none;
		padding-right: 0px;
		margin-bottom: 24px;
	}

	.page .mainContent .leftBox.mapL {
		margin-bottom: 0;
		display: none;
	}

	.page .mainContent .rightBox {
		width: 100%;
		float: none;
	}

	.page .mainBox {
		padding: 0 16px;
	}

	.page .mainBox .leftBox {
		width: 100%;
		float: none;
		margin-top: 8px;
	}

	.page .mainBox .rightBox {
		width: 100%;
		float: none;
		padding-left: 0;
		margin-top: 24px;
		margin-bottom: 14px;
	}

	.page .portlet.mt18 {
		margin-top: 24px;
	}

	.page .portlet .list {
		margin-top: 15px;
	}

	.page .portlet .list .item .first {
		margin-top: 16px;
		margin-bottom: 15px;
	}

	.page .portlet .list .item .first img {
		height: auto;
	}

	.page .portlet .list .item .first .title {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.page .portlet .list .item .first .desc {
		font-size: 12px;
		color: #595959;
		line-height: 16px;
		margin-bottom: 15px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.page .focusBox .img {
		width: 100%;
		height: 224.72px;

	}

	.page .focusBox .title {
		font-size: 12px;
		line-height: 16px;
		padding: 8px 34px 26px 34px;
		bottom: 0;
		width: 100%;
		text-align: center;

	}

	.page .focusBox .swiper-pagination {
		height: 8px;
		left: 50%;
		transform: translateX(-50%);
		right: auto;
		bottom: 18px;
		width: auto;
		color: #fff;
	}

	.page .imgLink .t-ad img {
		height: auto;
	}

	.page .imgLink .b-link .link-a .box {
		height: 58px;
		font-size: 15px;
		line-height: 20px;
	}

	.page .imgLink .b-link .link-a .box .icon {
		width: 24px;
		height: 24px;
	}

	.page .imgLink .b-link .link-a .box .icon.icon1 {
		width: 20px;
		height: 20px;
	}

	.page .abd-box {
		padding: 24px 16px;
	}

	.page .abd-box.pt20 {
		padding-top: 10px;
	}

	.page .abd-box .img {
		margin-top: 10px;
	}

	.page .addrContent {
		display: block;
	}

	.page .swiperContent {
		padding-left: 16px;
		padding-right: 16px;
		margin-top: 16px;
		padding-bottom: 16px;
		margin-bottom: 0;
	}

	.page .video-list {
		margin-bottom: 24px;
	}

	.page .video-list .tzsp .spimg {
		height: 140px;
	}

	.page .tzttlist {
		margin-top: 16px;
		margin-left: -10px;
		margin-bottom: -10px;
	}

	.page .tzttlist .item {
		float: left;
		width: 50%;
	}

	.page .tzttlist .item .tag {
		margin-left: 10px;
		margin-bottom: 10px;
		padding: 10px;
		height: 36px;
	}

	.page .tzttlist .item:nth-child(1) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(2) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(3) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(4) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(5) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(6) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(7) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(8) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(9) .tag {
		width: auto;
	}

	.page .tzttlist .item:nth-child(10) .tag {
		width: auto;
	}

	.page .linkContent {
		display: none;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 40px;
	}
	.page .report-platform{
		padding: 16px;
	}
	.page .report-platform .icon.mr2 {
		margin-right: 4px;
	}

}

.el-input__inner::placeholder {
	color: #606266;
}

@media screen and (max-width: 768px) {
	.page .video-list .tzsp .spimg {
		height: 94px;
	}
}